<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8" />
        <title>Simple example - Editor.md examples</title>
        <link rel="stylesheet" href="./md/style.css" />
        <link rel="stylesheet" href="./md/editormd.css" />
    </head>
    <body>
        <div id="layout">
            <header>
                <h1>Simple example</h1>
            </header>
            <div id="gg-md">
                <textarea id = "gg-md-text" style="display:none;">[TOC]

#### Disabled options

- TeX (Based on KaTeX);
- Emoji;
- Task lists;
- HTML tags decode;
- Flowchart and Sequence Diagram;

#### Editor.md directory

```
</textarea>

            </div>
        </div>
        <input type="submit" name="submit" onclick="getGgMd()" value="提交表单 Submit" style="padding: 5px;" />
        <script src="./md/jquery.min.js"></script>
        <script src="./md/editormd.min.js"></script>
        <script type="text/javascript">
			var testEditor;

            $(function() {
                testEditor = editormd("gg-md", {
                    width   : "90%",
                    height  : 640,
                    syncScrolling : "single",
                    path    : "../lib/"
                });
                
                /*
                // or
                testEditor = editormd({
                    id      : "test-editormd",
                    width   : "90%",
                    height  : 640,
                    path    : "../lib/"
                });
                */
            });
        </script>
    <script type="text/javascript">
        function getGgMd() {
            console.log($("#gg-md-text").val())


            $.ajax({
                type: 'POST',
                url: "/ggMdText/getRecommend",
                data: {
                    tets:$("#gg-md-text").val()
                },
                success: function (message) {

                }
            })

        }
        
    </script>
    </body>
</html>